.header{
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    a{
        color: #333;
    }
    >div{
        height: 68px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        align-items: center;
        font-size: 14px;
        width: 1180px;
        margin: 0 auto;
        div:nth-of-type(1){
            height: 100%;
            display: flex;
            flex-flow: row nowrap;
            align-items: center;
            div:nth-of-type(1){
                padding: 0 35px;
                img{
                    width: 110px;
                }
            }
            ul{
                height: 100%;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-around;
                li{
                    text-align: center;
                    height: 100%;
                    padding: 0 28px;
                    display: flex;
                    flex-flow: row nowrap;
                    align-items: center;
                    &:hover{
                        background-color: rgb(230,214,198);
                    }
                }
            }
        }
    
        div:nth-of-type(2){
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
            a{
                padding: 0 8px;
                position: relative;
                &:nth-of-type(1)::after{
                    content: '';
                    display: block;
                    height: 16px;
                    width: 2px;
                    background-color: #555;
                    position: absolute;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
        }
    }
}